Summary 6

Images & Layout

Topic 1: Images

Adding images to a site can be a way to create a fun or visually appealing design layout that can pull viewers to stay on your website. There are several uses that a image can hold to make your site go from good to amazing. From personal logos, photographs, illustrations, diagrams, or charts, the possibilities are endless. However, there’s some planning that must be done before you hop into putting images in that will make your website look sleek and professional.

Topic 2: Adding Images

To add an image, you must add the element <img> to your code. This element has no closing tag, making it an empty element. When working with this element it’s important to remember these following attributes. The first is src which tells the browers where it can find the image at. The next is alt. This provides a text description of the image for viewers who may have vision issues.

Topic 3: Key concepts in positioning elements

With CSS, this element will treat the html element as its own box. There are two types. One is an inline box and the other is a block-level box. A block-level box will start on a new line and acts as the main element. An inline box flows between surrounding text.